import useAppMessage from '@hooks/useAppMessage'
import { useAppQuery } from '@hooks/useAppQuery'
import { useAppRouter } from '@hooks/useAppRouter'
import { useAppTheme } from './hooks/useAppTheme'

function App() {
  const { AppMessageProvider } = useAppMessage()
  const { AppQueryProvider } = useAppQuery()
  const { AppThemeProvider } = useAppTheme()
  return (
    <AppThemeProvider>
      <AppMessageProvider>
        <AppQueryProvider>
          <AuthUserProvider />
        </AppQueryProvider>
      </AppMessageProvider>
    </AppThemeProvider>
  )
}

function AuthUserProvider() {
  const { AppRouterProvider } = useAppRouter()
  return <AppRouterProvider />
}

export default App
